.container{
    background: linear-gradient(#6382ff,#d0e9c6);
    height: 600px;
    width: 1200px;
    position: absolute;
    left: 500px;
    top: 200px;
}



.a{
    margin-left: 30px;
    margin-top: 50px;
}

.b{
    margin-top: 50px;
    margin-left: 60px;
}

.c{
    position: absolute;
    top: 300px;
    left: 200px;
    margin-left: 100px;
    border-left: 1px solid #5a5a5a;
    padding-left: 30px;
    outline: none;
}

.d{
    position: absolute;
    top: 300px;
    left: 350px;
    margin-left: 100px;
    border-left: 1px solid #5a5a5a;
    padding-left: 30px;
    outline: none;
}

.e{
    position: absolute;
    top: 300px;
    left: 500px;
    margin-left: 100px;
    border-left: 1px solid #5a5a5a;
    padding-left: 30px;
    outline: none;
}

.f{
    position: absolute;
    top: 300px;
    left: 650px;
    margin-left: 100px;
    border-left: 1px solid #5a5a5a;
    padding-left: 30px;
    outline: none;
}

.g{
    position: absolute;
    top: 300px;
    left: 800px;
    margin-left: 100px;
    border-left: 1px solid #5a5a5a;
    padding-left: 30px;
    outline: none;
}

.h{
    position: absolute;
    top: 300px;
    left: 950px;
    margin-left: 100px;
    border-left: 1px solid #5a5a5a;
    padding-left: 30px;
    outline: none;
}

.i{
    position: static;
    top: 50px;
    right: 30px;

}